@charset "utf-8";
@font-face {font-family:'helvet';src: url('fonts/HelveticaNeueLTPro-ThEx.otf');font-weight: normal;font-style: normal;}
* {padding:0;margin:0;box-sizing:border-box;transition:all 0.3s}
ul li {list-style:none;}
a {text-decoration:none;font-family:"Microsoft YaHei","宋体"}
img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial, "Microsoft YaHei";outline:0;font-size:12px;-webkit-appearance:none;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
.yy_tag_I{ margin:0 5px}
html, body {font:12px Arial,"Microsoft YaHei";color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1170px;}

.head {width:100%;background:url(../images/headbg.gif) repeat;height:114px}
.head .top {position:relative;height:59px}
.head .top .logo {position:absolute;left:0;top:0}
.head .top .logo img {width:366px;height:114px}
.head .top .fr {text-align:right;margin-top:15px}
.head .top .fr span,.head .top .fr a {font-size:14px;color:#666;margin-left:20px}
.head .top .fr .tel .fa {color:#CC0033;border:1px solid #CC0033;border-radius:20px;width:25px;height:25px;text-align:center;line-height:25px;margin-right:5px;font-size:14px}
.head .nav {height:55px;width:100%;background:#333}
.head .nav li {float:left}
.head .nav li a {display:inline-block;height:55px;line-height:55px;font-size:14px;color:#eee;padding:0 22px}
.head .nav li a.cur,.head .nav li a:hover {color:#fff;background:#5C5C5C}

.fullSlide {
	width:100%;
	position:relative;
	height:360px;
	background:#000;
	transition:none
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	width:100%
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:360px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:360px;
	transition:none
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:16px;
	height:2px;
	margin:1px;
	overflow:hidden;
	background:#EE0E51;
	color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:16px;
}
.fullSlide .hd ul .on {
	background:#EE0E51;
	filter:alpha(opacity=100);
	opacity:1;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px;
}

.search-top {height:68px;background:url(../images/search_top_bg.gif) repeat-y center top;background-color:#f3f3f3}
.search-top .tt {float:left;background:url(../images/search_top_tt.gif);width:125px;height:68px;overflow:hidden;line-height:9999px}
.search-top form {width:1026px;float:right}
.search-top td {
	vertical-align:middle;
	color:#666;
	height:68px;
	font-size:12px
	}
.search-top td input.text1 {
	width:126px;
	height:28px;
	line-height:28px;
	border:1px solid #A7A7A7;
	border-radius:3px;
	padding:0 5px;
	background:#fff
	}
.search-top td input.text2 {width:60px}
.search-top td input.btn1 {
	width:68px;
	height:30px;
	background:url(../images/search_btn.gif) no-repeat;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:15px;
	}
.select_box{
	position:relative;cursor:pointer;
	background:#fff;
	font-size:12px;
	margin-right:10px;
	color:#000;
	height:28px;
	line-height:28px;
	border:1px solid #A7A7A7;
	border-radius:3px;
	z-index:500;
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:30px; background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:110px;line-height:28px;height:28px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:26px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:26px;line-height:26px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#cc0033; color:#fff;}

.phone_search {width:100%;background:#cc0033;padding:10px;box-sizing:border-box;display:none}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:30px;position:relative;border-radius:20px;line-height:30px;font-size:12px;color:#666;padding-left:10px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:10px;line-height:30px}
.search-over{display:none;position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:120;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background-size:0.5em 0.5em;border-radius:100%;cursor:pointer;}
.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-warmp div.tt {background:#cc0033;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative}
.search-warmp div.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px}
.search-warmp dl dd .text1 {height:30px;line-height:30px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:50%; display:block;margin:0 auto; height:35px;line-height:35px;background:#333;color:#fff;text-align:center;border:0;padding:0}

.type_in {width:1182px;margin:30px auto}
.type_in li {float:left;width:25%;padding:6px}
.type_in li a {display:block;position:relative;width:100%;height:196px;padding:20px;background:#F8F8F8;border:1px solid #F1F1F1;border-radius:5px;overflow:hidden}
.type_in li a .img {position:absolute;right:0;top:0;max-width:170px;max-height:140px}
.type_in li a span { display:block;font-size:22px;color:#333;font-family:"helvet","Microsoft Yahei";margin-top:80px;margin-bottom:12px}
.type_in li a p.p1 {font-size:15px;color:#333}
.type_in li a p.p2 {font-size:12px;color:#999; text-transform:uppercase}
.type_in li a:hover {box-shadow:0 5px 20px #ccc}
.type_in li a:hover .img {top:-10px}
.type_in li a:hover h1 {margin-top:70px}

a.more_in {width:240px;height:46px;overflow:hidden;border-radius:30px;text-align:center;line-height:46px;font-size:12px;color:#838383;border:1px solid #DFDFDF;display:block;margin:30px auto}
a.more_in:after {content:'';height:46px;background:#cc0033;width:0;display:block;margin-top:-46px;transition:all 0.3s}
a.more_in i {text-indent:-5px;opacity:0}
a.more_in:hover {border:1px solid #cc0033;color:#fff}
a.more_in:hover:after {width:100%}
a.more_in:hover i {text-indent:5px;opacity:1}

.ad1 {width:100%;height:auto;overflow:hidden;background-color:#333;margin:40px auto 0}
.ad1 img {display:block;width:100%}
.ad1 .fl {width:63.85%}
.ad1 .fr {width:35.58%;position:relative}
.ad1 .fr .tel {position:absolute;color:#fff;top:35px;left:125px;background:url(../images/ad1_r_tel.gif) no-repeat left;padding-left:60px}
.ad1 .fr .tel p {font-size:14px}
.ad1 .fr .tel h4 {font-size:30px}
.ad1 .fr .qq {position:absolute;bottom:30px;left:125px;width:129px;height:45px;background:url(../images/adbtn.jpg) no-repeat;font-size:14px;color:#333;padding-left:53px;padding-top:12px}
.ad1 .fr .shouji {display:none;background:url(../images/adbtn.gif) no-repeat;background-size:cover}

.title_in {width:100%;border-bottom:1px solid #ddd;text-align:center;padding:40px 0 25px;position:relative}
.title_in:before {content:'';position:absolute;width:110px;height:2px;background:#cc3300;left:50%;margin-left:-55px;bottom:-1px}
.title_in h2,.title_in h3 {font-size:26px;color:#333;font-weight:100}
.title_in p {font-size:13px;color:#999}

.about_in {width:100%;position:relative}
.about_in .box{width:100%;background:url(../images/about_bg.jpg) no-repeat center top;background-color:#FAFAFA;overflow:hidden}
.about_in .fw {text-align:center;overflow:hidden;padding-bottom:30px}
.about_in .txt {width:500px;overflow:hidden;margin:40px auto 0;line-height:28px;color:#666;font-size:14px}
.about_in .pic {position:absolute;left:-100px;bottom:-150px}
.about_in a.more_in {background:#CC0033;color:#fff;border:1px solid #cc0033}

.listmenu {text-align:center;margin:40px auto 20px;line-height:30px}
.listmenu a {font-size:14px;color:#999;padding:5px 15px;border-radius:3px; white-space:nowrap}
.listmenu a.cur, .listmenu a:hover {color:#fff;background:#cc0033}

.pro_in .list {width:1190px;margin:0 auto; display:none;}
.pro_in .list li {float:left;width:33.3333%;padding:10px}
.pro_in .list li a {display:block;width:100%;padding:10px;background:#F4F4F4}
.pro_in .list li a .pic {width:39%;overflow:hidden;display:table;float:left;background:#fff}
.pro_in .list li a .pic span {display:table-cell;vertical-align:middle;text-align:center;width:100%;height:115px}
.pro_in .list li a .pic span img {display:block;margin:0 auto;max-width:100%;max-height:100%;vertical-align:middle}
.pro_in .list li a .txt {width:56%;float:right}
.pro_in .list li a .txt h2 {font-size:14px;color:#666;font-weight:100;border-bottom:1px solid #ddd;line-height:40px;margin-bottom:10px;position:relative}
.pro_in .list li a .txt h2:before {content:'';width:30px;height:1px;background:#cc0033;position:absolute;bottom:-1px;left:0;transition:all 0.3s}
.pro_in .list li a p {font-size:12px;color:#999;line-height:24px}
.pro_in .list li a:hover {background:#fff;box-shadow:0 5px 20px #ddd}
.pro_in .list li a:hover .txt h2:before {width:100%}

.brand_in {width:100%}
.brand_in .list {width:1200px;margin:20px auto;position:relative;transition:none}
.brand_in .list a.next,.brand_in .list a.prev {position:absolute;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;top:100px;background:#333;cursor:pointer;font-size:24px;border-radius:5px;opacity:0.5}
.brand_in .list a.next {right:-30px}
.brand_in .list a.prev {left:-30px}
.brand_in .list a.next:hover,.brand_in .list a.prev:hover {opacity:1}
.brand_in .list li {float:left;width:33.3333%;transition:none}
.brand_in .list li .info {width:100%;padding:15px 15px 15px 15px}
.brand_in .list li a {display:block;width:100%;padding:25px;background:#F8F8F8;border:1px solid #f1f1f1;border-radius:10px;text-align:center;position:relative}
.brand_in .list li span a{ color:#666; float:left; width:50%; padding:5px 0px;}
.brand_in .list li span a:hover{ color:#fff;}
.brand_in .list li a h4 {font-size:18px;color:#333;font-weight:100;margin-bottom:20px}
.brand_in .list li a p {font-size:12px;color:#666;line-height:24px}
.brand_in .list li a .pic {position:absolute;width:115px;height:115px;border-radius:150px;overflow:hidden;box-shadow:0 2px 10px #ccc;left:50%;margin-left:-57px;bottom:-57px}
.brand_in .list li a .pic img {display:block;width:100%}
.brand_in a.more_in {margin-top:10px}
.brand_in .list li a:hover {background:#cc0033;}
.brand_in .list li a:hover h4 {color:#fff}
.brand_in .list li a:hover p {color:#f8f8f8}

.app_in {background:#f8f8f8;width:100%}
.app_in .list {margin-top:30px;background:#333}
.app_in .list li {float:left;width:25%}
.app_in .list li .info {width:100%;position:relative;overflow:hidden}
.app_in .list li .info img {width:100%;display:block;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.app_in .list li .info .bg {position:absolute;width:100%;height:100%;background:#333;opacity:0;left:0;top:0}
.app_in .list li .info .tt {font-size:12px;color:#eee;position:absolute;width:100%;text-align:center;left:0;top:50%;line-height:26px;height:52px;overflow:hidden;margin-top:-16px;opacity:0}
.app_in .list li .info .tt h2 {font-size:16px;font-weight:100;color:#fff}
.app_in .list li .info:hover .bg {opacity:0.5}
.app_in .list li .info:hover .tt {opacity:1;margin-top:-26px}
.app_in .list li .info:hover img {transform:scale(1.08, 1.08)}
.app_in .more {display:block;width:100%;height:60px;line-height:60px;color:#fff;text-align:center;font-size:14px;background:#cc0033;font-weight:bold;overflow:hidden}
.app_in .more:hover {background:#333}

.news_in .fl {width:50%}
.news_in .fl .pic {width:100%;background:#cc0033;height:auto;overflow:hidden;display:block;position:relative}
.news_in .fl .pic .img {float:right;width:64.5%;overflow:hidden}
.news_in .fl .pic .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.news_in .fl .date {position:absolute;left:0;width:35.5%;color:#fff;text-align:center;font-family:"helvet";height:72px;overflow:hidden;top:50%;margin-top:-36px}
.news_in .fl .date h4 {font-size:18px;font-weight:100}
.news_in .fl .date b {font-size:38px}
.news_in .fl .date p {opacity:0.5}
.news_in .fl a.tt {font-size:16px;color:#333;line-height:40px;display:block;padding:0 15px;margin-top:10px}
.news_in .fl .txt {line-height:24px;padding:0 15px}
.news_in .fl a.more {width:177px;height:40px;border:1px solid #ddd;text-align:center;line-height:40px;color:#666;font-size:12px;display:block;border-radius:30px;margin:15px;overflow:hidden}
.news_in .fl a.more:after {content:'';display:block;width:0;height:40px;margin-top:-40px;background:#cc0033;transition:all 0.3s}
.news_in .fl a.tt:hover {color:#cc0033}
.news_in .fl a.more:hover {color:#fff;border:1px solid #cc0033}
.news_in .fl a.more:hover:after {width:100%}
.news_in .fl .pic:hover .img img {transform:scale(1.08,1.08)}

.news_in .fr {width:40%}
.news_in .fr li {line-height:55px;border-bottom:1px solid #ddd;padding-right:108px;position:relative}
.news_in .fr li span {position:absolute;top:0;right:0;font-size:14px}
.news_in .fr li a {font-size:14px;color:#333}
.news_in .fr li a:hover {color:#cc0033}
.friend_link{ margin-top:20px;}
.foot {background:#333;width:100%;padding-top:40px;margin-top:10px}
.foot .info {width:36%;padding-left:50px}
.foot .info .title {font-size:12px;color:#999;line-height:50px}
.foot .info .title span {font-size:18px;color:#fff}
.foot .info .title:hover {color:#fff}
.foot .info ul {margin-left:-20px}
.foot .info li {float:left;width:50%;padding-left:20px}
.foot .info li a {display:block;border-bottom:1px dashed #5C5C5C;height:35px;line-height:35px;font-size:13px;color:#CACACA;transition:all 0.3s}
.foot .info li a:hover {color:#ec0032}
.foot .con {float:left;width:27%}
.foot .con .logo img{display:block;margin-bottom:20px}
.foot .con p {color:#fff;font-size:13px;padding:5px 0}
.foot .con a.btn {display:inline-block;width:35px;height:35px;border-radius:35px;background:#333;color:#fff;text-align:center;line-height:35px;font-size:16px;margin-top:10px;margin-right:10px}
.foot .con a.shouji {display:none}
.foot .con a.qq {background:#2F93F2}
.foot .con a.qq:hover {background:#51AAFF}
.foot .con a.weixin {background:#36C91A;position:relative}
.foot .con a.weixin:hover {background:#71F957}
.foot .con a.weixin .ewm {position:absolute;bottom:50px;left:-42px; visibility:hidden;opacity:0}
.foot .con a.weixin:hover .ewm {visibility:visible;bottom:40px;opacity:1}
.copyright {width:100%;height:55px;line-height:55px;background:#F8F8F8;font-size:13px;margin-top:40px;color:#666}
.copyright a {color:#cc0033;font-size:13px}
.copyright a:hover {color:#666}
.copyright .fl .bb {margin-right:20px}

.banner {width:100%;height:249px;background:#666}
.banner_news {background:url(../images/banner_news.jpg) no-repeat center top}
.banner_articles {background:url(../images/banner_news.jpg) no-repeat center top}
.banner_pro {background:url(../images/banner_product.jpg) no-repeat center top}
.banner_brand {background:url(../images/banner_brand.jpg) no-repeat center top}
.banner_about {background:url(../images/banner_about.jpg) no-repeat center top}
.banner_con {background:url(../images/banner_con.jpg) no-repeat center top}
.banner_app {background:url(../images/banner_app.jpg) no-repeat center top}
.product {width:1200px;margin:0 auto}
#content{margin-top:40px}
#leftfloat {transition:none}
.leftlist {width:220px;background:#cc0033;padding-bottom:15px;border-radius:5px}
.leftlist .title {padding:25px 30px;color:#fff;border-bottom:1px solid #B9002E;margin-bottom:10px}
.leftlist .title h2 {font-size:24px;border-bottom:1px solid #D42651;line-height:50px}
.leftlist .title p {font-size:15px;font-family:"helvet";line-height:35px}
.leftlist ul {padding:0 15px}
.leftlist ul li a{display:block;padding:0 10px;height:43px;line-height:43px;font-size:14px;color:#fff;border-bottom:1px solid #D42651}
.leftlist ul li a:hover,.leftlist ul li a.cur {background:#B9002E;padding-left:20px}
.right_in {width:78%}
.product .frlist .list li {width:33.3333%;float:left;padding:10px}
.product .frlist .list li .pic {
    background:#f8f8f8;
    overflow:hidden;
    display:table;
    width:100%
	}
.product .frlist .list li .pic span {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:180px
	}
.product .frlist .list li .pic img {
    display:block;
    margin:0 auto;
    max-width:100%;
    max-height:100%;
    vertical-align:middle;
    border:none
	}
.product .frlist .list li .info {padding:10px;border-bottom:1px solid #ddd;line-height:22px}
.product .frlist .list li .info .title {font-size:14px;color:#333}
.product .frlist .list li .info .subtitle {font-size:12px;color:#999}
.product .frlist .list li a {display:block}
.product .frlist .list li a:hover {box-shadow:0 5px 20px #ddd}

.pro_detail {padding:20px 0 0}
.pro_detail .row {background:#fff}
.pro_detail .row .pic {float:left;width:40%;height:266px;padding:0;overflow:hidden;display:table}
.pro_detail .row .pic span {display:table-cell; vertical-align:middle;text-align:center;background:#f8f8f8}
.pro_detail .row .pic img {max-width:100%;max-height:100%;vertical-align:middle}
.pro_detail .row .txt {width:58%;box-sizing:border-box;padding:0 15px;float:right;font-size:14px;color:#666;line-height:24px}
.pro_detail .row .txt h1 {font-size:24px;color:#333;margin-bottom:15px}
.pro_detail .row .txt table {border:1px solid #f7f7f7;width:100%}
.pro_detail .row .txt table th {background:#f7f7f7}
.pro_shuxing td {border:1px solid #f7f7f7}
.pro_shuxing th span, .pro_shuxing td span {
    padding:5px;
    display:block;
	font-size:14px;
	line-height:25px
	}
.pro_detail .row .txt .hotline {display:inline-block;background:#cc0033;padding:3px;color:#fff;border-radius:5px;padding-left:10px;margin-top:15px}
.pro_detail .row .txt .hotline span {font-size:18px;color:#cc0033;font-weight:bold;display:inline-block;background:#fff;padding:5px 10px;border-radius:5px}
.pro_detail .detail {float:left;background:#fff;margin-top:30px}
.pro_detail .detail .title {border-bottom:1px solid #ddd;margin-bottom:20px}
.pro_detail .detail .title span {font-size:14px;padding:10px;border-bottom:2px solid #666;display:inline-block;color:#333}
.pro_detail .detail .content {line-height:24px;font-size:14px;color:#666}
.pro_detail .detail .content img {display:block; max-width:100%;margin:10px auto}
.pro_detail .detailist {margin-top:20px}
.pro_detail .detailist li {float:left;width:25%;box-sizing:border-box}
.pro_detail .detailist li p {padding:0 15px;margin-bottom:11px}
.pro_detail .detailist li p a {
	display:block;
	background:#eee;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:3px;
	transition:all 0.3s
	}
.pro_detail .detailist li p a:hover {background:#ec0032;color:#fff}
.pro_detail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#ec0032;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.pro_detail .detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.pro_detail .detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.pro_detail .detailist a.more:hover i {text-indent:0;opacity:1}

.about .right_in .txt {padding:40px 0;line-height:24px}
.about .right_in .txt img {display:block;margin:30px auto 0}
.website {border-bottom:1px solid #ddd;line-height:50px;position:relative}
.website .fl h2 {display:inline;font-size:22px;font-weight:100;color:#333}
.website .fr a, .website .fr span {padding:0 5px;color:#333}
.website .fr a {color:#999}
.website .fr a:hover {color:#cc0033}
.website .toggle {position:absolute;right:0;background:#333;color:#fff;height:30px;line-height:30px;bottom:15px;width:80px;border-radius:5px;text-align:center;display:none}

.brandetail .txt {padding:20px 0;font-size:14px;color:#666;line-height:24px}
.brandetail .txt h1 {color:#333;line-height:60px;font-size:26px;font-weight:100}
.brandetail .txt .img {float:left;width:30%;margin:0 20px 10px 0}

.brandetail .detailist .title {
    border-bottom:1px solid #ddd;
    margin:20px 0
	}
.brandetail .detailist .title span {
    font-size:14px;
    padding:10px;
    border-bottom:2px solid #666;
    display:inline-block;
    color:#333
	}
.brandetail .detailist li {float:left;width:25%;box-sizing:border-box}
.brandetail .detailist li p {padding:0 10px;margin-bottom:10px}
.brandetail .detailist li p a {
	display:block;
	background:#eee;
	line-height:30px;
	padding:0 5px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:5px
	}
.brandetail .detailist li p a:hover {background:#cc0033;color:#fff}
.brandetail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#cc0033;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.brandetail .detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.brandetail .detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.brandetail .detailist a.more:hover i {text-indent:0;opacity:1}

.app .list li {float:left;width:33.3333%;padding:15px;text-align:center;line-height:40px}
.app .list li .info a {background:#f8f8f8;border:1px solid #f1f1f1;padding:10px;padding-bottom:0;border-radius:10px;display:block;font-size:14px;color:#666}
.app .list li .info a .img {width:100%;border-radius:10px;overflow:hidden}
.app .list li .info a .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.app .list li .info a:hover {box-shadow:0 5px 20px #ccc}
.app .list li .info a:hover img {transform:scale(1.1,1.1)}

.met-shownews-footer {padding-bottom:30px;overflow:hidden}
.met-shownews-footer ul.pager {
    border-top:1px solid #f0f2f5;
    padding-top:20px
	}
.met-shownews-footer ul.pager li {display:inline}
.met-shownews-footer ul.pager li > a, .met-shownews-footer ul.pager li > span {
	display:inline-block;
	padding:10px 20px;
	color:#76838f;
	font-size:14px;
	border:1px solid #e4eaec;
	-webkit-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:1000px;
	max-width:45%
	}
.met-shownews-footer ul li a:hover {border:1px solid #cc0033;color:#cc0033}
.met-shownews-footer ul li.previous a {float:left}
.met-shownews-footer ul li.next a {float:right}

.list_table{border-collapse:collapse; margin:0 auto; max-width:600px; float:left;}
.list_table tr{ height:30px;}
.list_table td{ color:#000; border:1px solid #000000; text-align:left; padding: 4px 10px 2px 10px;}
.b_01{ background-color:#B9B9B9;}
.b_01 td{ text-align:center;}
.list_table td.r{ text-align:right;}
.list_table a{ color:#cc092f}
.tbody1{  background-color:#F4F4F4;}
.tbody2{  background-color:#E4E4E4;}
.clear{ clear:both; display:block; overflow:hidden;}

.news .list li a{display:block;padding:20px 150px 20px 230px;position:relative;border-bottom:1px solid #ddd}
.news .list li .pic {position:absolute;width:200px;height:130px;overflow:hidden;left:0;border-radius:5px}
.news .list li .pic img {width:100%;height:130px;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.news .list li .date {position:absolute;top:50%;margin-top:-26px;right:0;width:94px;height:52px;line-height:52px;color:#999;font-size:28px;font-family:"helvet";border-left:2px solid #eee;text-align:center}
.news .list li .txt {height:130px;overflow:hidden}
.news .list li .txt h4 {font-size:16px;color:#333;line-height:40px;padding-bottom:8px;font-weight:100}
.news .list li .txt p {font-size:13px;line-height:22px;color:#999}
.news .list li a:hover {padding-left:240px;padding-right:140px}
.news .list li a:hover .txt h4 {color:#cc0033}
.news .list li a:hover .pic img {transform:scale(1.08,1.08)}

.newsdetail .met-shownews-header {padding:30px 0;text-align:center}
.newsdetail .met-shownews-header h1 {font-size:24px;margin-bottom:5px;color:#333;font-weight:100;line-height:60px}
.newsdetail .met-shownews-header .info {
	color:#a3afb7;
	font-size:14px;
	font-weight:300;
	padding-bottom:20px;
	border-bottom:1px solid #f0f2f5
	}
.newsdetail .txt {font-size:14px;color:#666;line-height:22px;padding-bottom:30px}
.newsdetail .txt img {display:block;margin:10px auto;max-width:100%}

.contact .txt .title {font-size:24px;color:#cc0033;margin-bottom:10px}
.contact .txt .subtitle {font-size:14px;color:#999;margin-bottom:20px}
.contact .txt {font-size:14px;color:#666;line-height:24px;padding:30px 20px}

#sidenav-toggle {float:right;font-size:24px;color:#333;display:none}

.met_pager {
    margin-top:40px;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    border:1px solid #e4eaec;
	margin-right:-1px;
    background:#fff;
    padding:9px 15px;
    text-align:center;
    color:#76838f
}
.met_pager span {background:#e4eaec}
.met_pager a.current {
    background:#e4eaec;
    border-color:#e4eaec;
    cursor:default
}
.met_pager a:hover {background:#ec0032;border-color:#ec0032;color:#fff}
.list_top{ margin-top:10px;}
.list_main{ border:1px solid #dddddd; margin-top:10px; display:flex; flex-direction:column;}
.lm_left{ display:flex; flex-direction:row;}
.lm_left_box{ border-right:1px solid #dddddd; padding:10px; border-bottom:1px solid #dddddd;}
.lm_left_flex1{ flex:1;border-bottom:1px solid #dddddd;}
.lb_cur{ border-bottom:none;}
.lm_left_box a{display:flex; flex-direction:column; align-items:center; color:#666666;}

.lm_center{ display:flex; flex-direction:row; margin-top:10px; padding-top:0px;}
.lm_center a{ display:flex; flex-direction:column; align-items:center; color:#666666; border-right:1px solid #dddddd; padding:10px; border-bottom:1px solid #dddddd;}
.lm_center a img{ width:80px;}

.lm_left_box a:hover,.lm_center a:hover,.lb_cur a,.lm_center a.lb_cur{ color:#cc0033; text-decoration:underline;}
.lm_center a.lb_cur{ border-bottom:0px;}

.lm_right{ padding:10px;}
.new_table,.list_table{border-collapse:collapse; float:none;}
.new_table tr,.list_table tr{ height:30px;}
.new_table td,.list_table td{ color:#000; border:1px solid #000000; text-align:left; padding: 4px 0px 2px 10px;}
.b_01{ background-color:#B9B9B9;}
.list_table td.c{ text-align:center}
.list_table td.r{ text-align:right; width:50%;}
.new_table a,.list_table a{ color:#cc092f}
.tbody1{  background-color:#F4F4F4;}
.tbody2{  background-color:#E4E4E4;}
.clear{ clear:both; display:block; overflow:hidden;}

#pic_box{ position:relative;}
#pic_box img{ margin:0;max-width:900px;}
.txts{ position:absolute; z-index:10; font-size:12px; color:#cc092f;}
/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;left:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#d4003c;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;border-bottom:1px solid #e3e3e3; padding:0 0 0 40px;background:url(../images/qq.png) no-repeat left;}
#floatDivBoxs .floatDqq li a {color:#666;font-size:15px}
#floatDivBoxs .floatDqq li a:hover {color:#d4003c}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 10px 14px;font-size:15px;color:#d4003c}
#floatDivBoxs .floatDtel p {padding-bottom:10px}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;background-position:-50px 0;position:fixed;top:180px;left:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

.pricison_con{ margin-top:10px;}
.pc_title{ height:30px; line-height:30px; color:#ffffff; padding:0 10px;}
.pc_title a{ float:right; color:#ffffff;}
.pc_content{ display:flex; flex-direction:row; justify-content:space-between; margin-top:10px;}
.pc_content h3,.acbb_content h3{ font-size:18px; margin-top:10px;}
.pc_content p,.acbb_content p{ font-size:14px; line-height:24px; margin-top:10px;}
.pc_content p span,.acbb_content p span{ margin-right:10px;}
.pc_content p a,.acbb_content a{ margin-right:10px; color:#CC0033;}
.pcc_left{ flex:1;}
.pcc_right img{ height:185px;}
.flex_c_c{ display:flex; flex-direction:column; align-items:center;}
.flex_c_c a{color:#CC0033; margin-top:10px}
.pc2_list{ display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.pricision_con2{ width:450px; margin-top:10px; display:flex; flex-direction:column;align-items:center;}
.pricision_con2 .pc_title{ width:440px; padding-left:10px;}
.pricision_con2 img{margin-top:10px;}
.pricision_con2 a{color:#CC0033; margin-top:10px}
.p_hei{ font-family:"黑体"; font-weight:bold;}
.pc_flex_row{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-top:10px;}
.pc_flex_row img{ max-width:45%;}
.pc_flex_row img.w100{max-width:100%;}
.pc_flex_row2{ display:flex;flex-direction:row; justify-content:space-between; align-items:center; margin-top:10px;}
.pfr_con{ display:flex;flex-direction:column;align-items:center;}
.pc_flex_row2 img{ height:100px;}
.pfr_txt{ flex:1;}
.bearing_number{ position:relative; margin-top:10px;}
.bn_top{ height:30px;}
.bn_con2,.bn_inner_con2{ float:left;}
.bn_con2{ border:1px solid #272426; padding:5px; margin-left:10px; background:#AFC0E3;}
.bn_inner_con2{ font-size:20px; width:20px; text-align:center; color:#221E1F;}
.li2{ position:absolute; top:34px; width:1px; background:#0066B3;}
.bn_txt{position:absolute; color:#221E1F; border-bottom:1px solid #0066B3; padding:0 5px;text-overflow:ellipsis; white-space:nowrap;}
.bn_desc{ display:flex; flex-direction:column;}
.bnd_con{ display:flex; flex-direction:row; width:100%; align-items:stretch; margin-top:10px;}
.bnd_con .fcc{ display:flex; align-items:center; justify-content:center;}
.bnd_left{ width:100px; background:#C7D2EB; color:#221E1F; font-size:24px; font-family:"微软雅黑"; font-weight:bold;}
.bnd_gap{ width:15px; height:10px; margin:auto 0px;background:#C7D2EB;}
.bnd_txt{ width:100px;background:#C7D2EB; color:#221E1F; font-size:14px; font-family:"黑体"; font-weight:600;}
.bnd_desc{ flex:1; background:#E6E7E8; padding:10px;font-size:12px; line-height:18px; font-family:"黑体"; font-weight:600;}
.bnd_desc span{ margin-right:15px;}
.pc_bearing_row{ margin-top:10px;}
.pc_bearing_row a{ color:#2E81C0;}
.pbr_top{ background:#C6D2EA; color:#221E1F; border-top:1px solid #282426;}
.pbr_bottom{ background:#C6D2EA; color:#221E1F; border-bottom:1px solid #282426;height:30px; border-top:1px solid #2E81C0; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.pbr_con{ display:flex; flex-direction:row; justify-content:space-between;}
.pbrc_1{ background:#E1E8F5;}
.pbrc_2{ border-top:1px solid #2E81C0;}
.pbr_con div{ border-right:1px solid #282426;width:16.5%; height:30px; line-height:30px;}
.pbr_con div{ text-align:center;}
.pbr_con div.pb_6{ border-right:0; width:auto; flex:1;}
.pbr_bottom .pages{ width:20px; height:20px; border:1px solid #2E81C0; color:#2E81C0; margin:0 1px; display:flex; justify-content:center; align-items:center;}
.pbr_bottom .now_page{ border:0; color:#282426; font-weight:bold;}

@media screen and (max-width:1180px){
.fw {width:auto;padding:0 20px}
.search-top form {width:86%}
.type_in {width:100%}
.about_in .pic {width:45%}
.pro_in .list {width:100%}
.brand_in .list {width:100%;overflow:hidden}
.brand_in .list a.prev {left:10px}
.brand_in .list a.next {right:10px}
.product {width:100%}
.about .right_in .txt img {width:100%}
.brand_in .list {width:100%}
}

@media screen and (max-width:1000px){
.head {height:auto;position:relative;padding:15px;box-sizing:inherit}
.head .nav {display:none}
.head .top {height:0px;margin-top:-15px;margin-left:-15px}
.head .top .fr {display:none}
.head .top .logo {z-index:100}
#sidenav-toggle {display:block;width:21px;height:28px}
.search-top {display:none}
.phone_search {display:block}
.right_in {width:74%}

.ad1 .fr .tel {top:25px;left:85px}
.ad1 .fr .qq {bottom:10px;left:85px}
}
@media screen and (max-width:960px){
.type_in li {width:33.3333%}
.pro_in .list li a .pic span {height:95px}
.ad1 .fr .shouji {display:block}
.ad1 .fr .wangye {display:none}
#sidenav-toggle {margin-top:15px}
}
@media screen and (max-width:768px){
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:260px}
.about_in .pic {left:-90px;bottom:-120px;width:50%}
.pro_in .list li {width:50%}
.pro_in .list li a .pic span {height:115px}
.brand_in .list li {width:50%}
.app_in .list li {width:33.3333%}
.news_in .fr {width:47%}
.banner {height:160px;background-size:cover}

.foot .con {float:none;width:100%}
.foot .info {float:none;width:100%;padding-left:0;margin-top:20px;overflow:hidden}
.foot .con .wangye {display:none}
.foot .con .shouji {display:block}

.website .hidden {display:none}
.website .toggle {display:block}
.leftlist {display:none}
.right_in {width:100%;padding:0 10px}

.ad1 .fl {display:none}
.ad1 .fr .bg {display:none}
.ad1 .fr {width:100%;float:none;height:180px;background:#cc0032}
.ad1 .fr .tel {left:0;width:100%;text-align:center;background:none;padding:0}
.ad1 .fr .qq {left:50%;margin-left:-64px;bottom:30px}
}
@media screen and (max-width:628px){
.type_in li {width:50%}
.pro_in .list li a .pic span {height:95px}
.brand_in .list li {width:100%}
.news_in .fl, .news_in .fr {float:none;width:100%}
.head .top .logo img {height:auto;width:266px}
.banner {height:130px}
.product .frlist .list li .pic span {height:140px}
.pro_detail .row .pic {width:100%;float:none;height:auto}
.pro_detail .row .txt {width:100%;float:none;margin-top:30px;padding:0}
.pro_detail .detailist li,.brandetail .detailist li {width:33.3333%}
.about_in .txt {width:100%}
}
@media screen and (max-width:580px){
.type_in li a h1 {position:relative;z-index:100}
.app_in .list li {width:50%}
.brandetail .txt .img {width:100%;float:none}
.copyright {height:auto;line-height:26px;padding:10px 0}
.copyright .fr,.copyright .fl {float:none}
}
@media screen and (max-width:480px){
.fw {padding:0 10px}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:110px}
.about_in .pic {left:-50px}
.pro_in .list li {width:100%}
.pro_in .list li a .pic span {height:115px}
.product .frlist .list li,.pro_detail .detailist li,.brandetail .detailist li {width:50%}
}
@media screen and (max-width:410px){
.copyright .fl .bb {display:block}
}
.friend_link a{ color:#333;}